<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>约战平台</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="http://favicon.ico">
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--导入css文件（CDN与本地）-->
    <%--引入sui mobile 框架的css文件--%>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/resources/css/sm.min.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/resources/css/sm-extend.css">
    <%--引入本地的css文件--%>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/resources/css/index.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/resources/css/homepage.css">

</head>
<body>
        <!-- 你的html代码 -->

        <%--顶部导航栏--%>
        <div id="head">
            <img src="<%=request.getContextPath()%>/resources/img/back.png" class="back"/>
            <h3 class="headtitle">首页</h3>
        </div>
        <%--搜索栏--%>
        <div class="d1">
            <form method="post" action="<%=request.getContextPath()%>/team/team/select">
                <input type="text" id='search' name="teamName" placeholder='输入球队名...'/>
                <button type="submit"></button>
            </form>
        </div>

        <div style="position: relative;">
            <img src="<%=request.getContextPath()%>/resources/img/img_main_1.jpg" style="width: 100%;" />
        </div>

            <%------------------球队显示界面-----------------------%>


            <%--foreach循环遍历约战记录中已经确认的记录--%>
            <c:forEach var="team" items="${teams}">
                <div class="eachEnrolled">
                    <div class="eachEnrolled_teaminfo">
                        <div class="teaminfo_head">
                            <img src="<%=request.getContextPath()%>/resources/img/teamhead.jpg"/>
                        </div>
                        <ul class="workinfo">
                            <li class="teamName">${team.teamName}</li>
                            <li class="message">领队:${team.teamLeader}</li>
                            <li class="message">队长:${team.teamCaptain}</li>
                            <li class="message">地区:${team.teamArea}</li>
                        </ul>
                        <a class="yuezhan" href="<%=request.getContextPath()%>/team/team/addUserTeam/${team.teamId}">约战</a>
                    </div>
                </div>
                <div style="width: 100%;height: 10px;position: relative"></div>
            </c:forEach>

            <%------------------该tab键所指的内容结束-----------------------%>
        <!-- 底部工具栏 -->
        <nav class="bar bar-tab" style="position: fixed;bottom: 0px">
            <%--首页按钮--%>
            <a class="tab-item external  active" href="<%=request.getContextPath()%>/">
                <span class="icon icon-home"></span><%--引用css中首页图片的样式--%>
                <span class="tab-label">首页</span>
            </a>
            <%--球队简介按钮--%>
            <a class="tab-item external" href="<%=request.getContextPath()%>/team/team/list">
                <span class="icon icon-menu"></span><%--引用css中简介图片的样式--%>
                <span class="tab-label">球队</span>
            </a>
            <%--队员管理按钮--%>
            <a class="tab-item external" href="<%=request.getContextPath()%>/team/member/list">
                <span class="icon icon-card"></span><%--引用css中记录图片的样式--%>
                <span class="tab-label">队员</span>
            </a>
            <%--约战记录按钮--%>
            <a class="tab-item external " href="<%=request.getContextPath()%>/challenge/Challenge/receive">
                <span class="icon icon-settings"></span><%--引用css中管理图片的样式--%>
                <span class="tab-label">约战</span>
            </a>
        </nav>

<%--引入sui mobile 框架的js文件--%>
<script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>

</body>
</html>
